<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>管理员登陆</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">    
    <link href="__BOOTSTRAP__css/bootstrap.min.css" rel="stylesheet">
    <!-- Loading Flat UI -->
    <link href="__RESUI__/css/flat-ui.css" rel="stylesheet">
    <link rel="shortcut icon" href="/favicon.ico">
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
      <script src="__RESUI__js/vendor/html5shiv.js"></script>
      <script src="__RESUI__js/vendor/respond.min.js"></script>
    <![endif]-->
    <style>
@media screen and (max-width: 1600px) {
	.login{margin: 0 auto;max-width:940px;}
}
.nav-tabs>li>a{
    color: #555;
    cursor: default;
	background-color: #fff; 
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #edeff1;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

</style>
  </head>
  <body>
    <div class="container">
      <div class="login">
        <div class="login-screen">
          <div class="login-icon">
            <img src="__RESUI__img/login/icon.png" alt="Welcome to Mail App" />
            <h4>Welcome to <small>管理后台</small></h4>
            <button  data="default" class="btn btn-danger theme" >主题1</button>
			<button  data="imac" class="btn btn-success theme" >主题2</button>
          </div>
          


  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist" >
    <li role="presentation" class="active" style="background-color:#edeff1;border-top-left-radius: 6px;border-top-right-radius: 6px;"><a style="margin-right:0;border-right:0;" href="#home" aria-controls="home" role="tab" data-toggle="tab">常规登陆</a></li>
    <li role="presentation" style="background-color:#edeff1;border-top-left-radius: 6px;border-top-right-radius: 6px;"><a style="margin-right:0;border-right:0;" href="#profile" aria-controls="profile" role="tab" data-toggle="tab">安全登陆</a></li>
   </ul>

  <!-- Tab panes -->
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="home">
      <div class="login-form" style="border-top-left-radius: 0px;border-top-right-radius: 0px;">
            <div class="form-group">
              <input type="text" class="form-control login-field" value="" placeholder="用户名" id="login-name" />
              <label class="login-field-icon fui-user" for="login-name"></label>
            </div>

            <div class="form-group">
              <input type="password" class="form-control login-field" value="" placeholder="密码" id="login-pass" />
              <label class="login-field-icon fui-lock" for="login-pass"></label>
            </div>

            <a class="btn btn-primary btn-lg btn-block" href="#">登陆</a>
            <a class="login-link" href="#">忘记密码?</a>
          </div>
    </div>
    <div role="tabpanel" class="tab-pane" id="profile">
      <div class="login-form" style="border-top-left-radius: 0px;border-top-right-radius: 0px;">
      		<div class="form-group">
      		<a href="#" class="dropdown-toggle" data-toggle="dropdown">验证方式 <b class="caret"></b></a>
                  <span class="dropdown-arrow"></span>
                  <ul class="dropdown-menu">
                    <li><a href="javascript:select('1');">双通道</a></li>
                    <li><a href="javascript:select('2');">二维码</a></li>
                    <li><a href="javascript:select('3');">短信验证</a></li>
                    <li class="divider"></li>
                    <li><a href="javascript:select('4');">邮件验证</a></li>
            </ul>
            </div>
            <div class="fad-1">
            <div class="form-group">
              <input type="text" class="form-control login-field" value="" placeholder="用户名" id="login-name-ad" />
              <label class="login-field-icon fui-user" for="login-name"></label>
            </div>
            <a class="btn btn-primary btn-lg btn-block login-adv" href="#">登陆</a>
            </div>
            <div class="fad-2  form-group " style="display:none">          
	         <img id="ewm" src="__RES__loader.gif" class="img-responsive center-block" style="width:150px;"/>          
	          </div>
             <div class="fad-3 " style="display:none">         
	         <div class="form-group">
              <input type="text" class="form-control login-field" value="" placeholder="输入手机号" id="login-mobile-ad" />
              <label class="login-field-icon fui-user" for="login-name"></label>
            </div>
            <a class="btn btn-primary btn-lg btn-block login-adv" href="#">登陆</a>     
	          </div>
	           <div class="fad-4" style="display:none">
	           <div class="form-group">
	              <input type="text" class="form-control login-field" value="" placeholder="输入用户名或者手机号" id="login-mobile-ad" />
	              <label class="login-field-icon fui-user" for="login-name"></label>
            	</div>
            <a class="btn btn-primary btn-lg btn-block login-adv" href="#">登陆</a>     ="width:150px;"/>          
	          </div>
          </div>
          
          
    </div>   
  </div>          
        
        </div>
      </div>
    </div>
    {//<!-- /.container -->}
    <!-- jQuery (necessary for Flat UI's JavaScript plugins) -->
    <script src="__JQUERY__jquery-3.1.1.min.js"></script>
    <script src="__RESUI__js/flat-ui.min.js"></script>
    <script src="__BOOTSTRAP__plugs/bootbox/bootbox.min.js"></script>
	{include file='common:footjs'}
  </body>
</html>
